<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>中医商品详情</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
      .table-view-cell-mini-15{padding: 8px 15px;}
      .mui-bar-footer~.mui-content{padding-bottom: 0;}
      .mui-bar-footer{background: #8dc21f;text-align: center;line-height: 44px;}
/*      .dangr{z-index:2;display:none;position:fixed;bottom:10%;width:50%;left: 25%;background: rgba(0,0,0,.4);border-radius: 5px;padding:5px;color: white;text-align: center;}*/
      /*新增*/
     /*.mui-slider-group img{height: 200px;overflow: hidden;}*/
    /* .mui-slider-indicator{text-align: right;padding: 0 10px;}
     .mui-slider-indicator .mui-active.mui-indicator{background: #8dc21f;}
     .mui-slider-indicator .mui-indicator {width: 10px;height: 10px;margin: 0px;box-shadow:none;}*/
     .shop-inf-list h4{color: #8dc21f;}
     .shop-inf-img{padding: 5px 15px;}
     
     /*轮播*/
    		#imgs{
    			list-style: none;
    			margin:0;
    			padding: 0;
    			max-height:180px;
    			overflow: hidden;
    			float: left;
    		}
    		#imgs img{height:180px;} 
    		#indexs{list-style: none;margin: 0; width: 100%;background:#8dc21f;line-height: 25px;float:left;}
    		#indexs li:first-child{margin-left: 80%;}
    		#indexs li{float:left; font-size: 6px;color: #aaa;margin-right: 5px;height: 25px;}
    		#indexs li.hover{color: #fff;}
    		.tips{color: #fff;margin-left:-100% ;}
    		.clear{clear: both;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></i>
		<h1 class="mui-title ">商品详情</h1>
	</header> 
	<!--<div class="dangr">成功加入购物车</div>-->
	<nav class="mui-bar mui-bar-footer">加入购物车</nav>
	<div id="content" class="mui-content">
	<div id="slider">
		<ul id="imgs">
		</ul>
	    <ul id="indexs">
	    	
	    </ul>
	</div>
	<div class="clear"></div>
	<!--轮播-->
	<!--<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="../images/zhongyi.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/zhongyi.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/zhongyi.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/zhongyi.png">
				</a>
			</div>
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="../images/zhongyi.png">
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>-->
	<div class="mui-table-view table-view-cell shop-inf-list">
		<li class="mui-ellipsis-2 title"></li>
		<li class="mui-ellipsis-2 price"></li>
		
	</div>
	<div class="famous-doctor-btn table-view-cell-mini-15 mui-pull-left">
		<button >图文详情</button>
	</div>
	<div class="clear"></div>
	<div class="shop-inf-img">
		<!--<img src="../images/shop-1.png"/>-->
	</div>			
	<div class="mui-content background-t"></div>
	</div>
</body>
	

	<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script> 
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/shop-information.js" ></script>
    <script type="text/javascript" src="../js/slider.js" ></script>
	<script type="text/javascript">
		//nav自动时间控制
//		mui("#slider").slider({
//			interval: 2000
//		});
			var imgWidth=$(window).width();
		    $('#slider').width(imgWidth);
		    $('.innerimg').width(imgWidth);
		    $('#imgs').css('max-width', imgWidth)
	</script>
</html>